import React from "react";
import { useRouter } from 'next/router'

const userDetail = (props:any)=>{
    const route = useRouter();
    console.log('====route===')
    console.log(props)
    if (route.isFallback) {
        return <div>Loading...</div>
      }
    return <div>{route.query.id}</div>
};
//可以用来获取所有路由的列表
/**
 * 1.数据在渲染页面前是可以获取的
 * 2.数据来自一个无头的CMS。
 * 3.数据可以被公开缓存（一些公共的数据）
 * 4.
 *  
 */
export async function getStaticPaths() {
    return {
      paths: [
        {params:{ id:"1" }},{params:{id:"2"}}  // See the "paths" section below
      ],
      fallback: true // See the "fallback" section below
    };
  }

//根据路由参数获取数据
export async function getStaticProps({params}:any){
    console.log("------",params.name)
    return {props:{data:[12,23,34]}}
}


export default userDetail;